<template>
  <div id="EnrollmentGuideDet">
    <!-- {{ zsDetailData }} -->
    <h2 class="title">{{ zsDetailData.title }}</h2>
    <newDetHead :headData="zsDetailData" />
    <div v-html="zsDetailData.content"></div>
  </div>
</template>

<script setup>
import newDetHead from '@/components/newDetHead';

const { zsDetailData } = defineProps({
  zsDetailData: {
    type: Object,
    default: () => {},
  },
});
</script>

<style lang="scss" scoped>
.title {
  padding: 20px 0;
}
.news-detail-headet {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  color: #999;
  font-size: 14px;
}
img {
  width: 24px;
  height: 24px;
}
</style>
<style>
#diyDiv img {
  width: 1000px !important;
}
.el-notification.right {
  justify-content: start;
}
</style>
